<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="/resource/UserPwoer.tld" prefix="p"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
      <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<c:set var="path" value="${pageContext.request.contextPath }" />
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title id="title">${obj.fyTitle }</title>
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<script type="text/javascript"
	src="${path }/resource/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript"
	src="${path }/resource/js/systools/DDMBase.js"></script>

<link rel="stylesheet" href="${path }/resource/weixin/css/house-msg.css">
<style>
.logo-font {
	letter-spacing: 0.5rem;
	font-family: serif;
	font-size: 2.1rem;
	font-weight: 800;
	text-shadow: 11px 7px 5px rgba(255, 255, 255, 0.5);
	font-family: "微软雅黑", "Lucida Grande", "Lucida Sans", Helvetica, Arial,
		Sans;
}
.logo-font:focus,.logo-font:hover{
	color:#fff;
}
</style>
</head>
<body>
<!-- 

 -->

	<!-- 头部 -->
	<c:set var="path" value="${pageContext.request.contextPath }" />
	<c:if test="${user ne null }">

		<header data-am-widget="header" class="am-header back-y">
			<div class="am-header-left am-header-nav">
				<a href="${path }/index" class="color-w logo-font"> 让中介费见鬼去吧! </a>
			</div>
			<div class="am-header-right am-header-nav">
				<a href="${path }/customer/redirect/house-class"> <span
					class="am-header-nav-title color-w"> &nbsp;发布 </span> <i
					class="am-header-icon am-icon-external-link color-w"></i>
				</a> <span class="color-w">&nbsp;|&nbsp;</span> <a
					href="${path }/customer/redirect/personal"> <span
					class="am-header-nav-title color-w"> 我的 </span> <i
					class="am-header-icon am-icon-user color-w"></i>
				</a>
			</div>
		</header>

	</c:if>
	<c:if test="${user eq null }">

		<header data-am-widget="header" class="am-header back-y">
			<div class="am-header-left am-header-nav">
				<a href="${path }/index" class="color-w logo-font"> 让中介费见鬼去吧! </a>
			</div>
			<div class="am-header-right am-header-nav">
				<a href="${path }/visitor/redirect/login" class="color-w"> <span
					class="am-icon-user am-icon-sm color-w"></span>&nbsp;登&nbsp;录
				</a>
			</div>
		</header>
	</c:if>
	<!-- 头部结束 -->
	<!-- 房产图片轮播 -->
	<div data-am-widget="slider" class="am-slider am-slider-c3"
		data-am-slider='{&quot;controlNav&quot;:false}'>
		<ul class="am-slides">
			<li><a><img src="${obj.fyImage }"></a></li>
			<c:forEach var="item" items="${obj.photoList }">
				<li><a><img src="${item.url }"></a></li>
			</c:forEach>
		</ul>
	</div>
	<!-- 房产名 -->
	<div class="back-w home-name">
		<div class="tittle-msg ">
			<div class="color-3 font-w6 font-s1">${obj.fyTitle }</div>
			<div class=" color-6">
				发布:<span><fmt:formatDate value="${obj.glCreateTime }"
						pattern="yyyy-MM-dd HH:MM"></fmt:formatDate></span>
			</div>
		</div>
	</div>
	<!--房产信息-->
	<div class="home-msg margin-t1 back-w">
		<c:if test="${obj.fyKinds eq '出租房' or obj.fyKinds eq '二手房'}">
			<ul class="am-avg-sm-3 title-ul">
				<c:if test="${obj.fyGq eq '出售'}">
					<li class="text-center color-3">售价<br> <span
						class="color-y font-w6">${obj.csPrice}万</span></li>
				</c:if>
				<c:if test="${obj.fyGq eq '出租'}">
					<li class="text-center color-3">租金<br> <span
						class="color-y font-w6">${obj.czPrice}/月</span></li>
				</c:if>
				<c:if test="${obj.fyGq eq '转让'}">
					<li class="text-center color-3">转让费<br> <span
						class="color-y font-w6">${obj.csPrice}/万</span></li>
				</c:if>
				<c:if test="${obj.fyGq eq '求租'}">
					<li class="text-center color-3">租金<br> <span
						class="color-y font-w6">${obj.qzqgPriceMin}-${obj.qzqgPriceMax}/月</span></li>
				</c:if>
				<c:if test="${obj.fyGq eq '求购'}">
					<li class="text-center color-3">售价<br> <span
						class="color-y font-w6">${obj.qzqgPriceMin}万-${obj.qzqgPriceMax}万</span></li>
				</c:if>
				<c:if test="${obj.fyKinds eq '二手房' or obj.fyKinds eq '出租房'}">
					<li class="text-center color-3">户型<br> <span
						class="color-y font-w6">${obj.infoRoomS}室${obj.infoRoomT}厅${obj.infoRoomW}卫</span></li>
				</c:if>
				<c:if test="${obj.fyGq eq '求购' or obj.fyGq eq '求租'}">
					<li class="text-center color-3">面积<br> <span
						class="color-y font-w6">${obj.qzqgAreaCountMin}㎡-
							${obj.qzqgAreaCountMax}㎡</span></li>
				</c:if>
				<c:if
					test="${obj.fyGq eq '转让' or obj.fyGq eq '出售' or obj.fyGq eq '出租'}">
					<li class="text-center color-3">面积<br> <span
						class="color-y font-w6">${obj.infoAreaCount}m<sup>2</sup></span></li>
				</c:if>

			</ul>
			<ul class="am-avg-sm-2 title-ul">
				<li class=" color-6">类型:&nbsp;&nbsp;<span
					class="color-3 font-w6">${obj.infoZzType}</span></li>
				<li class=" color-6">朝向:&nbsp;&nbsp;<span
					class="color-3 font-w6">${obj.infoCx}</span></li>
				<li class=" color-6">楼层:&nbsp;&nbsp;<span
					class="color-3 font-w6">
					<c:if test="${looked eq '是'}">
					${obj.infoLcIndex}/${obj.infoLcCount}层
					</c:if>
						<c:if test="${looked eq '否'}">
					*/*层
					</c:if>
					</span></li>
				<li class=" color-6">小区:&nbsp;&nbsp;<span
					class="color-3 font-w6">${obj.infoNeighbourhoodsName }</span></li>
			</ul>
			<ul class="am-avg-sm-1 title-ul">
				<li class=" color-6">装修:&nbsp;&nbsp;<span
					class="color-3 font-w6">${obj.infoZxqk }</span></li>
				<li class=" color-6">特色:&nbsp;&nbsp;<span
					class="color-3 font-w6">${obj.qzqgTs }</span></li>
			</ul>
		</c:if>










		<c:if
			test="${obj.fyKinds eq '商铺' or obj.fyKinds eq '写字楼' or obj.fyKinds eq '厂房'}">

			<ul class="am-avg-sm-3 title-ul">

				<!-- ************************************************ -->
				<c:if test="${obj.fyGq eq '出售'}">
					<li class="text-center color-3">售价<br> <span
						class="color-y font-w6">${obj.csPrice}万</span></li>
				</c:if>
				<c:if test="${obj.fyGq eq '出租'}">
					<li class="text-center color-3">租金<br> <span
						class="color-y font-w6">${obj.czPrice}/月</span></li>
				</c:if>
				<c:if test="${obj.fyGq eq '转让'}">
					<li class="text-center color-3">转让费<br> <span
						class="color-y font-w6">${obj.csPrice}/万</span></li>
				</c:if>
				<c:if test="${obj.fyGq eq '求租'}">
					<li class="text-center color-3">租金<br> <span
						class="color-y font-w6">${obj.qzqgPriceMin}-${obj.qzqgPriceMax}/月</span></li>
				</c:if>
				<c:if test="${obj.fyGq eq '求购'}">
					<li class="text-center color-3">售价<br> <span
						class="color-y font-w6">${obj.qzqgPriceMin}万-${obj.qzqgPriceMax}万</span></li>
				</c:if>
				<!-- ************************************************ -->


				<!-- ************************************************ -->
				<c:if test="${obj.fyGq eq '求购' or obj.fyGq eq '求租'}">
					<li class="text-center color-3">面积<br> <span
						class="color-y font-w6">${obj.qzqgAreaCountMin}㎡-
							${obj.qzqgAreaCountMax}㎡</span></li>
				</c:if>
				<c:if
					test="${obj.fyGq eq '转让' or obj.fyGq eq '出售' or obj.fyGq eq '出租'}">
					<li class="text-center color-3">面积<br> <span
						class="color-y font-w6">${obj.infoAreaCount}m<sup>2</sup></span></li>
				</c:if>
				<!-- ************************************************ -->

				<!-- ************************************************ -->
				<c:if test="${obj.fyKinds eq '厂房'}">
					<li class="text-center color-3">厂房类型<br> <span
						class="color-y font-w6">${obj.cfType}</span></li>
				</c:if>
				<c:if test="${obj.fyKinds eq '商铺'}">
					<li class="text-center color-3">商铺类型<br> <span
						class="color-y font-w6">${obj.spType}</span></li>
				</c:if>

				<!-- ************************************************ -->
			</ul>
			<p>区域：${obj.infoAddress }</p>
			<c:if test="${obj.fyKinds eq '写字楼'}">
				<p>楼盘名称:${obj.infoNeighbourhoodsName}</p>
			</c:if>
			<c:if test="${obj.fyKinds eq '商铺'}">
				<p>经营内容：${obj.spJynr }</p>
			</c:if>
		</c:if>

		<div class="person-msg back-w">
	<c:if test="${looked eq '是'}">
				<div class="float-l margin-10">
					<span class="font-s2 font-w6">联系人：${obj.fyLxr}</span><br> <span
						class="font-s2 font-w6">手 机：</span> <a href="tel:${obj.fyLxdh }"
						class="font-s1 color-y font-w6">${obj.fyLxdh }</a>
				</div>
				<div class="float-r margin-10">
					<a href="tel:${obj.fyLxdh }" id="callTel" class="phone-a float-l">
						<img src="${path }/resource/images/phone.png">
					</a>
				</div>
			</c:if>
			
			<c:if test="${looked eq '否'}">
				<div class="float-l margin-10">
					<span class="font-s2 font-w6">联系人：${obj.fyLxr}</span><br> <span
						class="font-s2 font-w6">手 机：</span> <a id="showTel"
						onclick="getTel(${obj.id})" class="font-s1 color-y font-w6">
					${fn:substring(obj.fyLxdh, 0, 6)}**** </a>
				</div>
				<div class="float-r margin-10">
					<a href="" id="callTel" class="phone-a float-l"> <img
						src="${path }/resource/images/phone.png">
					</a>
				</div>
			</c:if>
			
		</div>

		<div class="banner-img padding-1 ">
			<a href="${fygg.url }"><img alt="" height="55px" width="100%"
				src="${fygg.image}"></a>
		</div>
		<!-- 房源描述 -->
		<div class="back-w margin-t1 home-description ">
			<div class="description font-s2 padding-10">房源描述</div>

			<!-- 房屋描述广告 -->
			<p class="padding-10 font-s2">
				${obj.fyDescription} <br>
				<c:forEach var="item" items="${obj.photoList }">
					<img src="${item.url }">
				</c:forEach>
			</p>
		


		</div>
		<script type="text/javascript">
		<c:if test="${user ne null }">
	
	function getTel(id){
		  layer.open({
			    content: '查看电话号码将花费您1个金币'
			    ,btn: ['查看','取消']
			    ,yes: function(index){
			    	$.AjaxProxy({p:{id:id}}).invoke("${path}/index/queryTel",function(loj){
			    		location.replace(location.href);
					});
			      layer.close(index);
			    }
			  });
	}
	</c:if>
	
<c:if test="${user eq null }">
 function getTel(id){
		 layer.open({
			    content: '请先登录后查看'
			    ,btn: ['登录','取消']
			    ,yes: function(index){
			    	MTools.redirect("${path}/visitor/redirect/login");
			    }
			  });
		  
	}
	</c:if>
	
	wx.onMenuShareTimeline({
	    title: '${obj.fyTitle}', 
	    link: '${url}', // 分享链接
	    imgUrl: '${obj.fyImage }', // 分享图标
	    success: function () { 
	    	 alert('分享成功！')
	    },
	    cancel: function () { 
	    	 alert('分享失败！')
	    }
	});
	
	
	
	
	
</script>
		<!-- 主内容结束 -->
</body>
</html> 